<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>列表页</title>

    <!-- Bootstrap -->
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link href="./css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/idangerous.swiper2.7.6.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/list.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]-->
</head>

<body class="x-custom">
        <div class="top home-top">
                <div class="header-bar">
                    <div class="bar-cont">
                        <div class="bar-cont-text"><span class="icon-icon_globe-2"></span>English</div>
                        <div class="bar-cont-text">信息门户</div>
                        <div class="bar-cont-text">电子邮箱</div>
                        <div class="bar-cont-text">学生</div>
                        <div class="bar-cont-text">教职工</div>
                        <div class="bar-cont-text">校友</div>
                        <div class="bar-cont-text">访客</div>
                        <div class="right">
                            <span class="fa fa-search icon-search4"></span>
                            <input type="text" value="搜索" />
                        </div>
                    </div>
                </div>
                <div class="nav-bg">
                    <nav class="navbar">
                        <div class="container">
                            <div class="navbar-left"><img src="images/caiselogo.png" class="img1" /><img src="images/Group Copy.png" class="img2" /><img src="images/Group.png" class="img3" /></div>
                            <div class="pull-right top_nav_right">
                                <div class="top_nav_search">
                                    <input type="search"/><span class="fa fa-search"></span>
                                </div>
                                <div class="en">ENG</div>
                                <div class="top_nav fa fa-reorder fa-2x" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"></div>
                            </div>
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div id="navbar" class="navbar-collapse collapse">
                                <ul class="nav nav-justified">
                                    <li class="active"><a href="#">学校概况</a></li>
                                    <li><a href="#about">机构设置</a></li>
                                    <li><a href="#contact">学院系部</a></li>
                                    <li><a href="#">教育教学</a></li>
                                    <li><a href="#">科学研究</a></li>
                                    <li class="dropdown">
                                        <a href="#">招生就业</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">jmeter</a></li>
                                            <li><a href="#">EJB</a></li>
                                            <li><a href="#">Jasper Report</a></li>
                                            <li><a href="#">另一个分离的链接</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">合作交流</a></li>
                                    <li><a href="#">校园服务</a></li>
                                    <li><a href="#">信息公开</a></li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
    <div class="container-fluid banner">
        <div class="container">
                <span class="nav hidden-xs hidden-sm">首页 > 通知公告</span>
                <img class="logo-04 visible-xs" src="./images/logo-04.png" />
                <h2 class="notice">通知公告<!--<i>Notification</i>--></h2>
                <div class="banner_bg"></div>
                <span class="banner-back visible-xs visible-sm" data-toggle="collapse"
                data-target="#sub-nav" aria-expanded="false"><img src="./images/collapse-3.png" /></span>
        </div>
    </div>
    <div id="sub-nav" aria-expanded="false" class="sub-navbar-collapse collapse hidden-lg">
            <ul class="nav nav-justified">
                <li class="active"><a href="#">大学简介</a></li>
                <li><a href="#">大学章程</a></li>
                <li><a href="#">机构设置</a></li>
                <li><a href="#">历史沿革</a></li>
                <li><a href="#">现任领导</a></li>
                <li><a href="#">历任领导</a></li>
                <li><a href="#">校园地图</a></li>
                <li><a href="#">校园风采</a></li>
            </ul>
        </div>
    <div class="container-fluid">
        <div class="container">
                <div class="list col-lg-8 col-sm-12 col-xs-12">
                        <a href="#" class="list-box">
                            <i class="date">2018-07-23</i>
                            <i class="blue">北京信息科技大学关于2018年度拟申报新专业的公示</i>
                            <i class="des hidden-xs">为切实贯彻落实《关于进一步加强服务职工工作经费保障的意见要求》，进一步规范工会经费的使用，规范大额提高项目招标透明度，规范招标行为，根据中华人民共和国招标投标法等有关规定，北京信息…</i>
                           
                        </a>
                        <a href="#" class="list-box">
                            <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学</i>
                           
                        </a>
                        <a href="#" class="list-box">
                                <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学</i>
                            
                        </a>
                        <a href="#" class="list-box">
                                <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学2018年北京信息科技大学2018年北京信息科技大学2018年北京信息科技大学</i>
                           
                        </a>
                        <a href="#" class="list-box">
                                <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学</i>
                            
                        </a>
                        <a href="#" class="list-box">
                            <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学</i>
                           
                        </a>
                        <a href="#" class="list-box">
                                <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学</i>
                            
                        </a>
                        <a href="#" class="list-box">
                                <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学2018年北京信息科技大学2018年北京信息科技大学2018年北京信息科技大学</i>
                           
                        </a>
                        <a href="#" class="list-box">
                                <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学</i>
                            
                        </a>
                        <a href="#" class="list-box">
                            <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学</i>
                           
                        </a>
                        <a href="#" class="list-box">
                                <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学</i>
                            
                        </a>
                        <a href="#" class="list-box">
                                <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学2018年北京信息科技大学2018年北京信息科技大学2018年北京信息科技大学</i>
                           
                        </a>
                        <a href="#" class="list-box">
                                <i class="date1">2018-07-23</i>
                            <i class="title">2018年北京信息科技大学</i>
                            
                        </a>
                        <div class="paging col-lg-12 visible-lg hidden-xs hidden-sm">
                            <a href="#"><<</a>
                            <a href="#">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <span>...</span>
                            <a href="#">7</a>
                            <a href="#">8</a>
                            <a href="#">>></a>
                            <a href="#" class="pre">上一页</a>
                            <a href="#" class="next">下一页</a>
                        </div>
                </div>
                <div class="paging hidden-lg">
                    <a href="#" class="more paging1">更多通知</a>
                </div>
                
                <div class="share-box margin-b-50 hidden-lg clearfix" >
                        <div class="bdsharebuttonbox" data-tag="share_1">
                        <h2 class="share-box-title">分享到</h2>
                        <span>
                                <a class="bds_weixin" data-cmd="weixin"></a>
                                <i class="share-icon weixin">
                                    <div class="weixin_tanceng">
                                        <h3>分享到微信朋友圈</h3>
                                        <img src="./images/Bitmap.png">
                                        <p>1. 打开微信，点击底部的"发现"</p>
                                        <p>2. 使用"扫一扫"即可将网页分享至朋友圈</p>
                                    </div>
                                </i>
                            </span>
                        <span>
                                <a class="bds_tsina" data-cmd="tsina"></a>
                                <i class="share-icon weibo"></i>
                        </span>
                        </div>
                    </div>
                <div class="latest col-lg-4 col-sm-12 col-xs-12">
                    <h2 class="latest-h2">最新通知<i class="hidden-sm hidden-xs">Notification</i></h2>
                    <ul class="latest-list">
                        <li><a href="#">北京信息科技大学进口代理机构、招标代理机构遴北京信息科技大学进口代理机构、招标代理机构遴</a></li>
                        <li><a href="#">北京信息科技大学进口代理机构、招标代理机构遴北京信息科技大学进口代理机构、招标代理机构遴</a></li>
                        <li>北京信息科技大学进口代理机构、招标代理机构遴北京信息科技大学进口代理机构、招标代理机构遴</li>
                        <li>北京信息科技大学进口代理机构、招标代理机构遴北京信息科技大学进口代理机构、招标代理机构遴</li>
                    </ul>
                    <div class="share-box hidden-xs hidden-sm hidden-md bdsharebuttonbox" data-tag="share_2">
                        <h2 class="share-title">分享到</h2>
                        <span>
                                <a class="bds_weixin" data-cmd="weixin"></a>
                                <i class="share-icon weixin">
                                    <div class="weixin_tanceng">
                                        <h3>分享到微信朋友圈</h3>
                                        <img src="./images/Bitmap.png">
                                        <p>1. 打开微信，点击底部的"发现"</p>
                                        <p>2. 使用"扫一扫"即可将网页分享至朋友圈</p>
                                    </div>
                                </i>
                            </span>
                        <span>
                                <a class="bds_tsina" data-cmd="tsina"></a>
                                <i class="share-icon weibo"></i>
                        </span>
                    </div>
                </div>
        </div>
       
    </div>
    <div class="main6">
        <div class="container">
             <div class="main6_left">
                <h2><a href="./xxgk/">学校概况</a></h2>
                <p><a href="./xxgk/dxjj/">大学简介</a></p>
                <p><a href="./xxgk/xrld/">现任领导</a></p>
                <p><a href="./xxgk/jgsz/">机构设置</a></p>
                <p><a href="./xxgk/lsyg/">历史沿革</a></p>
            </div>
            <div class="main6_left">
                <h2><a href="./jyjx/">教育教学</a></h2>
                
                <p><a href="./jyjx/bks/">本科生教育</a></p>
                
                <p><a href="./jyjx/yjs/">研究生教育</a></p>
                
                <p><a href="./jyjx/mba/">MBA教育</a></p>
                
                <p><a href="./jyjx/lxs/">留学生教育</a></p>
                
                <p><a href="./jyjx/jxjy/">继续教育</a></p>
                
            </div>
            <div class="main6_left">
                <h2><a href="./kxyj/">科学研究</a></h2>
                
                <p><a href="./kxyj/kydt/">科研动态</a></p>
                
                <p><a href="./kxyj/kyxm/">科研项目</a></p>
                
                <p><a href="./kxyj/kycg/">科研成果</a></p>
                
                <p><a href="./kxyj/xzfc/">学者风采</a></p>
                
                <p><a href="./kxyj/kyjg/">科研机构</a></p>
                
            </div>
            <div class="main6_left">
                <h2><a href="./zsjy/">招生就业</a></h2>
                
                <p><a href="./zsjy/bks/">本科生招生</a></p>
                
                <p><a href="./zsjy/yjs/">研究生招生</a></p>
                
                <p><a href="./zsjy/mba/">MBA招生</a></p>
                
                <p><a href="./zsjy/lhlx/">留学生招生</a></p>
                
                <p><a href="./zsjy/jxjy/">继续教育招生</a></p>
                
            </div>
            <div class="main6_left">
                <h2><a href="./hzjl/">合作交流</a></h2>
                
                <p><a href="./hzjl/dwjl/">对外交流</a></p>
                
                <p><a href="./hzjl/sspc/">师生派出</a></p>
                
                <p><a href="./hzjl/lhlx/">来华留学</a></p>
                
                <p><a href="./hzjl/wgzj/">外国专家</a></p>
                
            </div>
            <div class="main6_left">
                <h2><a href="./xyfw/">校园服务</a></h2>
                
                <p><a href="./xyfw/xl/">校历</a></p>
                
                <p><a href="./xyfw/xyhy/">校园黄页</a></p>
                
                <p><a href="./xyfw/tsg/">图书馆</a></p>
                
                <p><a href="./xyfw/xxfw/">信息服务</a></p>
                
                <p><a href="./xyfw/hqfw/">后勤管理与服务</a></p>
                
            </div>
            <div class="main6_left1">
                <div class="main6_left2">
                    <img src="./images/41.png" />
                    <div class="r">
                        北京信息科技大学<br> 官方微信公众号
                    </div>
                </div>
                <div class="main6_left2 mart60">
                    <img src="./images/42.png" />
                    <div class="r">
                        北京信息科技大学<br> 官方微博
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="share_foot_m">
        <div class="container">
            <div class="col-sm-6">
                <a href="./xxgk/" class="a">学校概况</a>
                <a href="./jyjx/" class="a">教育教学</a>
                <a href="./kxyj/" class="a">科学研究</a>
                <a href="./zsjy/" class="a">招生就业</a>
                <a href="./hzjl/" class="a">合作交流</a>
                <a href="./xyfw/" class="a">校园服务</a>
            </div>
            <div class="col-sm-3 col-xs-6 text-center">
                <div class="icon"><i class="fa fa-weixin fa-2x"></i><span>关注官方微信</span></div>
            </div>
            <div class="col-sm-3 col-xs-6 text-center">
                <div class="icon"><i class="fa fa-weibo fa-2x"></i><span>关注官方微博</span></div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="foot_m">
            <div class="foot_mr">
                <div class="foot_r1"><a href="http://www.jingduzhisheng.com/">京都之声</a>
                    <a href="http://stu.chinacampus.org/">中国大学生年度人物评选</a>
                    <a href="./dbdh/xfjs/">学风建设</a>
                    <a href="./dbdh/jwgl/">教务管理</a>
                    <a href="./dbdh/rczp/">人才招聘</a>
                    <a href="./dbdh/xy110/">校园110</a>
                    <a href="./dbdh/xlzx/">心理咨询</a>
                    <a href="./dbdh/lxwm/">联系我们</a>
                    <a href="./dbdh/jbwz/">旧版网站</a>
                </div>
                <div class="foot_r1 foot_r16">
                    <a >北京市海淀区清河小营东路12号  100192  /  北京市朝阳区北四环中路35号 100101</a>
                </div>
                <div class="foot_r2">COPYRIGHT @ 北京信息科技大学  京公网安备110402430033号 京ICP备17006670号-1</div>
            </div>
            <div class="foot_l"><img src="./images/Group.png" /></div>
            <div class="foot_mr1">
                <div class="padfoot">北京市海淀区清河小营东路12号  100192  /  北京市朝阳区北四环中路35号 100101</div>
                <p>@北京信息科技大学  京公网安备110402430033号 京ICP备17006670号-1</p>
            </div>
            <div class="foot_mo">
                <p>Copyright © 北京信息科技大学</p>
                <p>京公网安备:110402430033号</p>
                <p>任何技术问题请联系webmaster@bistu.edu.cn</p>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="gotop">
        <i></i> 回顶部
    </div>
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body">
                    <input type="text" class="form-control" placeholder="请输入关键词搜索">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-group-12">搜索</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="./js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!-- Latest compiled and minified JavaScript -->
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/idangerous.swiper.min.js"></script>
   
</body>

</html>